<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>加入我们</title>
    <asset:stylesheet src="style.css" media="screen"/>
    <asset:stylesheet src="htmleaf-demo.css"/>
    <asset:javascript src="jquery1.8.3.js"/>
    <asset:javascript src="jquery.min.js"/>
    <asset:javascript src="js.js"/>
    <asset:javascript src="jquery.flexslider-min.js"/>
</head>

<body>
<div class="header">
    <g:link controller="user" action="index"><g:img dir="images" file="logo.png" class="logo_img"/></g:link>
    <ul class="nav_ul">
        <li><g:link controller="user" action="index">首页</g:link></li>
        <li><g:link controller="user" action="solution">解决方案</g:link></li>
        <li><g:link controller="user" action="about">关于颐瑞</g:link></li>
        <li class="active_li"><g:link controller="user" action="join">加入我们</g:link></li>
    </ul>
</div>

<div class="flexslider">
    <ul class="slides">
        <li><g:img dir="images" file="banner2.jpg"/></li>
        <li><g:img dir="images" file="banner3.jpg"/></li>
        <li><g:img dir="images" file="banner4.jpg"/></li>
    </ul>
</div>

<div class="join_us_details">
    <h2>职工福利</h2>

    <div class="join_us_salary">
        <div class="salary_title">
            <span>薪资</span> <g:img dir="images" file="icon/join-us_salary_icon.png"/><span>福利</span>

        </div>

        <div class="salary_content">
            <div class="content_left">
                <div class="content_left_top">多层次薪资体系</div>

                <div class="content_left_tail">提供完善的、在行业内富有竞争力的薪酬制度，让每一个员工享受到与自身业绩匹配的薪资报酬。</div>
            </div>

            <div class="content_middle">
                <div class="content_middle_top">社会保险</div>

                <div class="content_middle_tail">提供五险一金（养老保险、医疗保险、失业保险、工伤保险、生育保险、住房公积金）。</div>
            </div>

            <div class="content_right">
                <div class="content_right_top">生活补贴</div>

                <div class="content_right_tail">通讯补贴、午餐补贴等。</div>
            </div>

            <div style="clear: both;"></div>
        </div>
    </div>

    <div class="join_us_life">
        <div class="life_title">
            <span>生活</span><g:img dir="images" file="icon/join-us_life_icon.png"/><span>福利</span>

        </div>

        <div class="life_content">
            <div class="content_left">
                <div class="content_left_top">带薪假期</div>

                <div class="content_left_tail">享受国家规定的带薪年休假以及各种假期福利及礼金（婚假、产假、哺乳假、陪产假、儿童节假等）。</div>
            </div>

            <div class="content_middle">
                <div class="content_middle_top">落户杭州</div>

                <div class="content_middle_tail">为符合杭州市人事局落户条件的人员办理杭州档案、户口落户事宜。</div>
            </div>

            <div class="content_right">
                <div class="content_right_top">工作时间</div>

                <div class="content_right_tail">实行5天8小时工作制，并按照国家规定实行假期制度。</div>
            </div>

            <div style="clear: both;"></div>
        </div>
    </div>

    <div class="join_us_health">
        <div class="health_title">
            <span>健康</span><g:img dir="images" file="icon/join_us_health_icon.png"/><span>福利</span>

        </div>

        <div class="health_content">
            <div class="content_top">年度体检</div>

            <div class="content_tail">
                公司为员工提供每年一次的身体健康检查，全面检测大家的身体状况，尽可能预防各类疾病。
            </div>
        </div>
    </div>

    <h2>招聘职位</h2>
    <g:each in="${data}">
        <div class="position">
            <div class="position_title_one" onclick="chan('${it.id}')">${it.name}<span class="xiajiantou">∨</span></div>

            <div id="${it.id}" style="display: none">
                <div class="position_content_detail">
                    <p class="position_content_p">任职要求：</p>

                    <div class="position_content_p"><%=it.require%></div>
                </div>

                <div class="btn"><input type="button" id="btn_href" value="我要应聘" onclick="job('${it.id}')"></div>
            </div>
        </div>
    </g:each>

    <div class="tail">请扫描下方二维码,关注颐瑞科技的微信公众号，了解颐瑞的实时动态信息。</div>
</div>

<div class="footer">
    <div class="footer_content">
        <div class="footer_left">
            <g:img dir="images" file="erweima.jpg" class="footer_img"/><br/>

            <p>扫描二维码关注颐瑞科技微信公共号</p>
        </div>

        <div class="footer_right">
            <p><a href="http://www.miitbeian.gov.cn/">Copyright&nbsp;©&nbsp;2017&nbsp;颐瑞科技&nbsp;版权所有&nbsp;浙ICP备17050944号</a>
            </p>
        </div>
    </div>
</div>

<script type="text/javascript">
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?cfe87f0a72b395c8c4eb3b7aa52cea65";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
    $(document).ready(function () {
        $('.flexslider').flexslider({
            directionNav: true,
            pauseOnAction: false
        });
    });
    function job(valu) {
        window.location.href = "${grailsApplication.config.address.url}/jobb/add?i=" + valu;
//        $.post("/jobb/add", {name: valu});
    }
    function chan(valu) {
        var a = document.getElementById(valu)
        if (a.style.display == 'none') {   //block是默认值为显示,none为隐藏
            a.style.display = 'block';
        } else {
            a.style.display = 'none';
        }
    }
</script>
</body>
</html>